<template>
    <div class="MyPersonalBox">

        <PersonalHead class="personalHead"></PersonalHead>
        <PersonalMain class="personalMain"></PersonalMain>
    
    
    </div>
    </template>
    
    <script>
  import PersonalHead from '@/components/Main/PersonalHead.vue';
  import PersonalMain from '@/components/Main/PersonalMain.vue';

    export default {
    data(){
        return {


        }
    },

   components:{
    PersonalHead,
    PersonalMain,
   }


    }
    </script>
    
<style scoped>
.personalHead {
    height: 200px;
    background-color: bisque;

}
.personalMain{
   
}
</style>